<template>
  <div>
    <h2>App组件标题</h2>

    <p>count:{{ count }}</p>

    <button @click="increment">增加</button>

    <HelloWorld msg="你好，葛宁" v-bind:count="8"></HelloWorld>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import HelloWorld from './components/HelloWorld.vue'

let count = ref(0)

function increment() {
  count.value++
}
</script>

<style>
p {
  background: #ccc;
}

div {
  border: 1px solid #aaa;
  margin: 20px;
}
</style>
